.footer {
  flex-shrink: 0;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
  .footer-container {
    height: 50px;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    .footer-toolbar {
      width: 80px;
      height: 100%;
      background-color: #f1f1f1;
      display: flex;
      .toolbar-item {
        flex: 1;
        @extend .flex-column-center;
        color: $primary-color;
        span {
          margin-top: 4px;
          font-size: 12px;
        }
      }
    }
    .footer-total {
      flex: 1;
      height: 100%;
      @extend .flex-row-center;
      color: #f5a438;
      font-size: 13px;
      .amount {
        font-size: 15px;
        margin: 0 3px;
      }
    }
    .submit {
      height: 50px;
      padding: 0 15px;
      background-color: $primary-color;
      line-height: 50px;
      color: white;
      font-size: $font-size-small;
      &.final-submit {
        background-color: #999!important;
      }
    }
  }
}